<!DOCTYPE HTML>
<html lang="zh-CN">


<head>
    <meta charset="utf-8">
    <meta name="keywords" content="分布式系统中的命令与事件, 码道诚公">
    <meta name="description" content="">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0, user-scalable=no">
    <meta name="renderer" content="webkit|ie-stand|ie-comp">
    <meta name="mobile-web-app-capable" content="yes">
    <meta name="format-detection" content="telephone=no">
    <meta name="apple-mobile-web-app-capable" content="yes">
    <meta name="apple-mobile-web-app-status-bar-style" content="black-translucent">
    <meta name="baidu-site-verification" content="code-oqVlgh2wQV" />
    <meta name="google-site-verification" content="Z-8Fm46WY6NL_3kxilmoqToW4jnvyF7boTgciTLBXUs" />
    <!-- Global site tag (gtag.js) - Google Analytics -->


    <title>分布式系统中的命令与事件 | 码道诚公</title>
    <link rel="icon" type="image/png" href="/favicon.png">

    <link rel="stylesheet" type="text/css" href="/libs/awesome/css/all.css">
    <link rel="stylesheet" type="text/css" href="/libs/materialize/materialize.min.css">
    <link rel="stylesheet" type="text/css" href="/libs/aos/aos.css">
    <link rel="stylesheet" type="text/css" href="/libs/animate/animate.min.css">
    <link rel="stylesheet" type="text/css" href="/libs/lightGallery/css/lightgallery.min.css">
    <link rel="stylesheet" type="text/css" href="/css/matery.css">
    <link rel="stylesheet" type="text/css" href="/css/my.css">

    <script src="/libs/jquery/jquery.min.js"></script>

<meta name="generator" content="Hexo 5.2.0">
<style>.github-emoji { position: relative; display: inline-block; width: 1.2em; min-height: 1.2em; overflow: hidden; vertical-align: top; color: transparent; }  .github-emoji > span { position: relative; z-index: 10; }  .github-emoji img, .github-emoji .fancybox { margin: 0 !important; padding: 0 !important; border: none !important; outline: none !important; text-decoration: none !important; user-select: none !important; cursor: auto !important; }  .github-emoji img { height: 1.2em !important; width: 1.2em !important; position: absolute !important; left: 50% !important; top: 50% !important; transform: translate(-50%, -50%) !important; user-select: none !important; cursor: auto !important; } .github-emoji-fallback { color: inherit; } .github-emoji-fallback img { opacity: 0 !important; }</style>
<link rel="alternate" href="/atom.xml" title="码道诚公" type="application/atom+xml">
<link rel="stylesheet" href="/css/prism-tomorrow.css" type="text/css"></head>




<body>
    <header class="navbar-fixed">
    <nav id="headNav" class="bg-color nav-transparent">
        <div id="navContainer" class="nav-wrapper container">
            <div class="brand-logo">
                <a href="/" class="waves-effect waves-light">
                    
                    <img src="/medias/logo.png" class="logo-img" alt="LOGO">
                    
                    <span class="logo-span">码道诚公</span>
                </a>
            </div>
            

<a href="#" data-target="mobile-nav" class="sidenav-trigger button-collapse"><i class="fas fa-bars"></i></a>
<ul class="right nav-menu">
  
  <li class="hide-on-med-and-down nav-item">
    
    <a href="/" class="waves-effect waves-light">
      
      <i class="fas fa-home" style="zoom: 0.6;"></i>
      
      <span>首页</span>
    </a>
    
  </li>
  
  <li class="hide-on-med-and-down nav-item">
    
    <a href="/tags" class="waves-effect waves-light">
      
      <i class="fas fa-tags" style="zoom: 0.6;"></i>
      
      <span>标签</span>
    </a>
    
  </li>
  
  <li class="hide-on-med-and-down nav-item">
    
    <a href="/categories" class="waves-effect waves-light">
      
      <i class="fas fa-bookmark" style="zoom: 0.6;"></i>
      
      <span>分类</span>
    </a>
    
  </li>
  
  <li class="hide-on-med-and-down nav-item">
    
    <a href="/archives" class="waves-effect waves-light">
      
      <i class="fas fa-archive" style="zoom: 0.6;"></i>
      
      <span>归档</span>
    </a>
    
  </li>
  
  <li class="hide-on-med-and-down nav-item">
    
    <a href="/about" class="waves-effect waves-light">
      
      <i class="fas fa-user-circle" style="zoom: 0.6;"></i>
      
      <span>关于</span>
    </a>
    
  </li>
  
  <li class="hide-on-med-and-down nav-item">
    
    <a href="/contact" class="waves-effect waves-light">
      
      <i class="fas fa-comments" style="zoom: 0.6;"></i>
      
      <span>留言板</span>
    </a>
    
  </li>
  
  <li class="hide-on-med-and-down nav-item">
    
    <a href="/friends" class="waves-effect waves-light">
      
      <i class="fas fa-address-book" style="zoom: 0.6;"></i>
      
      <span>友情链接</span>
    </a>
    
  </li>
  
  <li>
    <a href="#searchModal" class="modal-trigger waves-effect waves-light">
      <i id="searchIcon" class="fas fa-search" title="搜索" style="zoom: 0.85;"></i>
    </a>
  </li>
</ul>


<div id="mobile-nav" class="side-nav sidenav">

    <div class="mobile-head bg-color">
        
        <img src="/medias/logo.png" class="logo-img circle responsive-img">
        
        <div class="logo-name">码道诚公</div>
        <div class="logo-desc">
            
            Never really desperate, only the lost of the soul.
            
        </div>
    </div>

    

    <ul class="menu-list mobile-menu-list">
        
        <li class="m-nav-item">
	  
		<a href="/" class="waves-effect waves-light">
			
			    <i class="fa-fw fas fa-home"></i>
			
			首页
		</a>
          
        </li>
        
        <li class="m-nav-item">
	  
		<a href="/tags" class="waves-effect waves-light">
			
			    <i class="fa-fw fas fa-tags"></i>
			
			标签
		</a>
          
        </li>
        
        <li class="m-nav-item">
	  
		<a href="/categories" class="waves-effect waves-light">
			
			    <i class="fa-fw fas fa-bookmark"></i>
			
			分类
		</a>
          
        </li>
        
        <li class="m-nav-item">
	  
		<a href="/archives" class="waves-effect waves-light">
			
			    <i class="fa-fw fas fa-archive"></i>
			
			归档
		</a>
          
        </li>
        
        <li class="m-nav-item">
	  
		<a href="/about" class="waves-effect waves-light">
			
			    <i class="fa-fw fas fa-user-circle"></i>
			
			关于
		</a>
          
        </li>
        
        <li class="m-nav-item">
	  
		<a href="/contact" class="waves-effect waves-light">
			
			    <i class="fa-fw fas fa-comments"></i>
			
			留言板
		</a>
          
        </li>
        
        <li class="m-nav-item">
	  
		<a href="/friends" class="waves-effect waves-light">
			
			    <i class="fa-fw fas fa-address-book"></i>
			
			友情链接
		</a>
          
        </li>
        
        
    </ul>
</div>


        </div>

        
    </nav>

</header>

    



<div class="bg-cover pd-header post-cover" style="background-image: url('/medias/featureimages/11.jpg')">
    <div class="container" style="right: 0px;left: 0px;">
        <div class="row">
            <div class="col s12 m12 l12">
                <div class="brand">
                    <h1 class="description center-align post-title">分布式系统中的命令与事件</h1>
                </div>
            </div>
        </div>
    </div>
</div>




<main class="container content">

    
    <!-- 文章内容详情 -->
<div id="artDetail">
    <div class="card">
        <div class="card-content article-info">
            <div class="row tag-cate">
                <div class="col s7">
                    
                    <div class="article-tag">
                        
                            <a href="/tags/%E5%88%86%E5%B8%83%E5%BC%8F%E7%B3%BB%E7%BB%9F/">
                                <span class="chip bg-color">分布式系统</span>
                            </a>
                        
                    </div>
                    
                </div>
                <div class="col s5 right-align">
                    
                    <div class="post-cate">
                        <i class="fas fa-bookmark fa-fw icon-category"></i>
                        
                            <a href="/categories/%E5%88%86%E5%B8%83%E5%BC%8F%E7%B3%BB%E7%BB%9F/" class="post-category">
                                分布式系统
                            </a>
                        
                    </div>
                    
                </div>
            </div>

            <div class="post-info">
                
                <div class="post-date info-break-policy">
                    <i class="far fa-calendar-minus fa-fw"></i>发布日期:&nbsp;&nbsp;
                    2020-11-28
                </div>
                

                

                
                <div class="info-break-policy">
                    <i class="far fa-file-word fa-fw"></i>文章字数:&nbsp;&nbsp;
                    6.3k
                </div>
                

                
                <div class="info-break-policy">
                    <i class="far fa-clock fa-fw"></i>阅读时长:&nbsp;&nbsp;
                    21 分
                </div>
                

                
            </div>
        </div>
        <hr class="clearfix">
        <div class="card-content article-card-content">
            <div id="articleContent">
                <p>当我们在分布式系统中构建新组件时，往往会发现自己被很多看上去独特的用例所包围。 每个问题似乎都是一个新问题，需要对其进行单独分析和讨论才能解决。</p>
<p>实际上，我们会遇到的大多数用例都属于某些常见模式。 我们应该尽量制定指导方针或经验法则，以帮助我们做出快速、一致的决定，而不是一遍又一遍地发明轮子。</p>
<p>事实上，尽管分布式系统设计可能很复杂，但它们也可以归结为一些基本概念，其中一个重要的概念是命令和事件之间的区别。几乎每个微服务之间的所有交互都涉及这两个概念。如果我们能够识别出一个给定的用例是否包含命令处理或事件处理，我们就可以得到与系统其余部分一致的可靠设计。</p>
<p>因此，让我们看一下两者之间的区别。</p>
<h2 id="命令"><a href="#命令" class="headerlink" title="命令"></a>命令</h2><p>命令是作为软件工程师要处理的第一件事。从第一个简单的Hello World示例程序到第一个单数据库支撑的单体网站，我们都在不知不觉中处理命令。</p>
<p>那什么是命令呢？</p>
<p><strong>命令（Command）</strong>是一个人或其它实体希望被执行的动作，重要的一点是，这个动作是<em>尚未发生</em>的。它可能在未来某个时刻发生，也可能根本不会发生。</p>
<p>我们可以思考一个例子，暂时不讨论编程，我们只例举一个生活中的场景。晚饭时间，你还在玩游戏，然后你妈会发出一个命令：“关游戏，过来吃饭了”。</p>
<p>一般来说，可能会出现两种情况：</p>
<ul>
<li><strong>命令成功</strong>。 你跟朋友再见，然后下线游戏去吃饭；</li>
<li><strong>命令失败</strong>。你假装没听到，然后继续跟朋友玩游戏。</li>
</ul>
<p>现在，我们讨论一个典型的软件场景，一位顾客访问了线上购物网站，然后选择了一些要购买的商品。为了完成购买，顾客在网站的支付表单中输入一些信息，然后点击“完成购买”按钮。</p>
<p>同样的，会有两种情况发生：</p>
<ul>
<li><strong>命令成功</strong>。购买数据成功提交到数据库，而客户收到一个响应，告诉他们订单正在处理中。</li>
<li><strong>命令失败</strong>。出现这种情况的原因可能有很多。如账单信息不准确、收货地址不完整、购物车中的商品缺货，或者是后端程序出现了一些技术问题。</li>
</ul>
<p>当然，在到达结账界面的过程中，也有很多命令已经成功结束。即使是点击链接查看商品详情的操作，都可以看作是一个命令。</p>
<h2 id="事件"><a href="#事件" class="headerlink" title="事件"></a>事件</h2><p>我们在前面讨论了，命令表示一个人或代理希望执行的动作。<strong>事件</strong>则表示已经<em>成功完成</em>的动作。</p>
<p>通常，当命令成功执行时，结果就是将一条记录写入某个持久性数据存储中。通常，这意味着提交了一个数据库事务，或者是将文件保存在文件系统中。</p>
<p>以经典的Hello World应用程序为例，我们会通过一个简单的HTTP响应来处理浏览器请求。在这种情况下，我们可能主要关注命令——接收GET请求，并执行它。但是，一旦请求得到执行，它就变成了一个事件。此外，这个事件可能已被记录在网络服务器的日志文件中。</p>
<p>因此，你可以将事件看作是命令的镜像。或者你可以把命令看着茧，而把事件视为蝴蝶。最重要的是，动作是以命令开始的，一旦成功，它就成为了事件。</p>
<h2 id="命令和事件的区别"><a href="#命令和事件的区别" class="headerlink" title="命令和事件的区别"></a>命令和事件的区别</h2><p>也就是说，我们收到的请求开始是命令，然后成为事件。 有什么大不了的？</p>
<p>嗯，事实证明，这对我们应如何处理它们有很大影响。</p>
<h3 id="命令会更改，事件不会"><a href="#命令会更改，事件不会" class="headerlink" title="命令会更改，事件不会"></a>命令会更改，事件不会</h3><p>我们前面讨论过，命令可能会失败。</p>
<p>失败可能是由于技术问题导致的，这种情况下，重新提交同一命令有可能会成功。</p>
<p>或者，也有可能是因为数据验证错误导致了执行失败。在这种情况下，重新提交同一命令将会继续失败。 但是，用户可以修改命令并重试。 如果客户的订单因为信用卡号已过期而被拒绝，则客户可以输入其他有效的信用卡号，然后重新提交订单。</p>
<p>然而，一旦命令成功，就无法回退了。其对应的结果事件已经发生，无法撤消。</p>
<p>此外，事件是不可变的。 无论命令在提交时处于什么状态，事件都将永远保持该状态。</p>
<p>一旦线上客户完成购买，那么购买就变成了一个事件。概念上讲，时间无法回退也无法否认该事件。当然，在软件工程中，任何事情都是可能的——我们可以简单地删除关于该事件的记录。但是，出于很多原因，我们不能这么做：</p>
<ul>
<li>无论我们是否删除自己的记录，该事件事实上仍然发生了，而我们的记录也应该反映现实。</li>
<li>其它实体中很可能拥有该事件的记录。当然，客户会知道他们完成了一次购买。此外，我们可能已经联系了客户的信用卡机构、运输公司或我们下属的仓库，而这些机构都可能存有该事件的记录。</li>
</ul>
<p>这并不是无法取消购买。客户可能会在其他地方谈到更优惠的价格，或者他们认为不需要这些产品。这是合理的，但是取消操作需要一个单独的后续命令，一旦该命令成功执行，它也将成为一个单独的后续事件。</p>
<h3 id="命令是无序的，事件是有序的"><a href="#命令是无序的，事件是有序的" class="headerlink" title="命令是无序的，事件是有序的"></a>命令是无序的，事件是有序的</h3><p>上面，我们可以注意到，取消事件是在购买事件之后。 这个很重要，命令可以在我们的系统中以任意顺序触发和处理。 但是一旦成功（成为事件），它们的顺序是不可改变的。</p>
<p>保持这种顺序与保持每个事件本身的不变性一样重要。 否则，我们的事件处理服务可能会收到不正确或损坏的数据。举例来说，一个服务尝试在处理原始订单事件之前处理订单取消事件。</p>
<h3 id="命令可以被拒绝，事件无法拒绝"><a href="#命令可以被拒绝，事件无法拒绝" class="headerlink" title="命令可以被拒绝，事件无法拒绝"></a>命令可以被拒绝，事件无法拒绝</h3><p>处理命令的服务可能会按例拒绝包含错误或无效数据的命令。此外，尽管这并不理想，但如果一个命令由于技术故障而失败也并不是特别严重的问题。</p>
<p>但是，事件处理服务必须处理发生的每个事件。它不能以任何理由拒绝或允许取消某些事件。</p>
<p>为什么呢？回想一下，命令表示尚未发生的事情，如果某个命令由于任何原因而失败，那么其中涉及的所有系统——客户、我们的系统本身、下游系统——都需要达成一致，也就是任何事都没有发生。而我们的客户端代理会受到失败通知，他们可以决定接下来如何操作（如放弃、重试等等）。</p>
<p>另一方面，事件表示已经发生的事情。对于我们的用户代理来说，它们的请求已经成功了。因此，如果我们是处理事件的服务，我们不能简单地决定拒绝一些事件。否则，我们的数据将在整个组织中处于永久不一致的状态。</p>
<p>还是举一个具体的例子，想象一下那些线上购买成功却没有收到商品的用户，他们会是什么心情。</p>
<p>这意味着数据验证是命令处理程序而不是事件处理程序的工作。 此外，尽管我们可以容忍偶尔因技术问题而丢失命令，但至关重要的是，我们的事件处理服务能够承受中断，以确保不会丢失任何事件。</p>
<h3 id="命令在当下，事件会延后"><a href="#命令在当下，事件会延后" class="headerlink" title="命令在当下，事件会延后"></a>命令在当下，事件会延后</h3><p>所以，我们处理命令的方式和处理事件的方式是完全不同的。事实上，如果您对本文没有什么其他意见，那么请遵循下面的经验法则：</p>
<ul>
<li>我们处理自己负责的<em>命令</em>；而且，我们是<em>立即</em>处理的，直到其成功或失败为止。</li>
<li>稍后，<em>其他系统</em>会处理我们的命令生成的<em>事件</em>；而且，他们要确保每个事件都得到处理，不管处理事件需要花费多少时间。</li>
</ul>
<h2 id="分布式系统中的命令和事件"><a href="#分布式系统中的命令和事件" class="headerlink" title="分布式系统中的命令和事件"></a>分布式系统中的命令和事件</h2><p>接下来，让我们探讨一下在分布式系统中如何处理命令和事件。为了便于理解，让我们简要地讨论一个重要的设计模式，即<a target="_blank" rel="noopener" href="https://medium.com/datadriveninvestor/if-youre-building-microservices-you-need-to-understand-what-a-bounded-context-is-30cbe51d5085">”限界上下文“</a>。</p>
<h3 id="限界上下文"><a href="#限界上下文" class="headerlink" title="限界上下文"></a>限界上下文</h3><p>限界上下文是一种源自Eric Evans<a target="_blank" rel="noopener" href="https://domainlanguage.com/ddd/">领域驱动设计(DDD)</a>的模式，通过使用此模式，我们可以更智能地设计微服务及维护微服务的团队。</p>
<p>假设我们经营一个典型的零售网站，毫无疑问，我们需要一些协助在线购买的服务。 为此，我们可以形成一个用于支付的Checkout限界上下文，它包括：</p>
<ul>
<li>一个团队——前端和后端工程师、设计师、产品经理、DBA等，他们将负责创建和维护结帐服务。</li>
<li>这个团队将构建的<strong>服务、应用程序和基础架构</strong>。</li>
</ul>
<p>一旦成功下达订单，该团队对于实际执行订单很可能是一无所知的。 因此，我们需要一个负责订单执行的“Order Fulfillment”上下文，它也有自己的团队以及对应服务、应用程序、基础架构。</p>
<p><img src="/posts/1e489de2/1*M_TaSo0_oWOH6fGylP9LIQ.png" alt="img"></p>
<h3 id="命令和事件如何与限界上下文相关？"><a href="#命令和事件如何与限界上下文相关？" class="headerlink" title="命令和事件如何与限界上下文相关？"></a>命令和事件如何与限界上下文相关？</h3><p>我们的<code>Checkout</code>限界上下文负责验证和处理在线订单命令。一旦命令完成，<code>Checkout</code>的工作就完成了。当然，任何成功的订单都需要履行，但这并不是<code>Checkout</code>的责任。</p>
<p>相反，我们的<code>Order Fulfillment</code>限界上下文将负责履行，首先要解决的就是如何让它知道订单的信息。</p>
<p>我们想到的第一个简单的答案可能是由<code>Checkout</code>调用接口进行通知，例如，通过<code>Order Fulfillment</code>中提供的ReST URL。</p>
<p>实际上，这种方法会存在一些问题：</p>
<ul>
<li><strong>将结账流程与订单履行流程耦合在一起。</strong><code>Checkout</code>的工作是处理并提交订单。但是一旦要求其执行该POST调用，它就还需要负责启动订单履行流程。如果对<code>Order Fulfillment</code>的调用失败了怎么办？我们之前认为已经成功的order命令突然变成失败的吗？实际上，这样做我们是把<code>Checkout</code>处理的命令和由<code>Checkout</code>发起的第二个命令链接在一起了。</li>
<li><strong>它要求<code>Checkout</code>了解对<code>Checkout</code>事件感兴趣的所有其它限界上下文。</strong><code>Checkout</code>团队将需要编写和维护调用<code>Order Fulfillment</code>服务的代码。 每当新的限界上下文（例如，清算或分析）对订单事件感兴趣时，<code>Checkout</code>都需要维护类似的代码。</li>
<li><strong>可能造成性能瓶颈和级联失败。</strong>作为在线订单处理逻辑的一部分，<code>Checkout</code>需要对其它限界上下文进行同步调用，而这些上下文可能会进一步对其它资源进行调用。即使在最好的情况下，这种爆炸式的调用也会消耗掉大量处理时间。而且任何失败都可能对<code>Checkout</code>程序造成严重破坏。</li>
</ul>
<p><img src="/posts/1e489de2/1*G3xfp1b1D1fsHanKH36cEQ.png" alt="Not the best approach"></p>
<p>也许<code>Checkout</code>可以通过对<code>Order Fulfillment</code>进行异步调用来缓解其中的一些问题，或者还可以引入重试机制，以防止第一次对<code>Order Fulfillment</code>的调用失败。</p>
<p>这已经接近正确的方向了。但是还有更好的方法，<code>Checkout</code>只需要保证命令的结果，也就是结果事件，可以被其它限界上下文所使用。</p>
<p>换句话说，<code>Checkout</code>应该将每个成功的命令都当作一个事件发布。</p>
<p>然后，<code>Order Fulfillment</code>以及其它需要做响应的任何限界上下文都可以订阅这些事件，并在事件到达时进行消费。</p>
<h3 id="如何发布和消费事件？"><a href="#如何发布和消费事件？" class="headerlink" title="如何发布和消费事件？"></a>如何发布和消费事件？</h3><p>如今，我们通常将事件发布到所谓的事件总线上，例如<a target="_blank" rel="noopener" href="https://levelup.gitconnected.com/kafka-for-engineers-975feaea6067">Kafka</a>。</p>
<p><img src="/posts/1e489de2/1*IOlId-3hAa039qFHZ98mqg.png" alt="Better"></p>
<p>有很多其它文章都对Kafka进行了详细的探讨，我们这里就不做深入了。但从本质上说，Kafka是一个可以按照主题进行划分的数据存储（在我们的例子中，<code>online-orders</code>就可以被认为是一个主题）。一个服务（发布者）会将事件（表示为Kafka主题上的消息）发布到某个主题。消息只是一个自包含的数据结构，并遵循预定义的模式（可能是通过JSON定义的，或者是通过类似<a target="_blank" rel="noopener" href="https://www.confluent.io/blog/avro-kafka-data/">Avro</a>的二进制格式进行定义），并提供事件相关的详细信息。</p>
<p>之后，任意数量的其它服务（消费者）都可以订阅该主题以消费对应的消息。</p>
<p>此外，通过使用类似Kafka这样的事件总线，我们可以保证：</p>
<ul>
<li>每个订阅者将按照产生消息的顺序消费消息(假设我们对自己的设计考虑周全并正确配置)。这一点非常重要，请记住，我们不希望在处理下单事件之前，先处理订单取消事件。</li>
<li>每个消费者都会收到所有发布到对应主题下的消息。</li>
<li>如果消费者暂时宕机，或在处理消息时临时出现问题，则事件总线将重试向该消费者传递消息。实际上，每个消费者都管理自己的偏移量，该偏移量会跟踪它成功消费的最后一条消息。</li>
<li>我们可以安全地扩展每个消费者的数量。</li>
</ul>
<p>最重要的是，它确保一个限界上下文可以专注于处理其负责的命令，然后迅速将相应的事件传递给其它的限界上下文。</p>
<h2 id="命令、事件、耦合和同异步"><a href="#命令、事件、耦合和同异步" class="headerlink" title="命令、事件、耦合和同异步"></a>命令、事件、耦合和同异步</h2><p>这就引出了在构建微服务时经常面临的一个问题：我们的服务什么时候应该<em>同步</em>通信，什么时候应该<em>异步</em>通信？</p>
<p>要回答这个问题，我们可以回顾一下前面提到的经验法则。我们期望能够<em>立即</em>处理我们负责的命令，直到命令成功（或失败）。一段时间后，其它模块会处理对应的结果事件。</p>
<p>因此，我们可以询问自己：用例是用于处理命令，还是用于通知其它服务发生了事件？一般来说，<strong>如果我们要处理命令，就需要同步处理</strong>。客户端代理会发出请求并等待响应，在响应返回时，命令已经成功（或者失败）。</p>
<p>但是，如果我们正在处理事件，通常没有其它模块在等待我们完成，而且，我们也不希望有任何模块在等待我们的程序结束。相反，我们期望按照自己的节奏处理事件，如有必要的话，可以进行重试。因此，<strong>通常我们会异步地对事件进行发布和处理</strong>。</p>
<p>根据经验，存在以下关联关系：</p>
<ul>
<li>命令对应同步通信</li>
<li>事件对应异步通信</li>
</ul>
<p>这条规则是否有例外？当然。</p>
<p>例如，我们有时候需要做很多工作才可以提交命令。通常，我们需要对命令中的某些部分进行验证，反过来说，这可能意味着对其它系统的调用（有时是我们内部的系统，有时是第三方系统）。</p>
<p>现在，大多数用户习惯于线上购物时会等待一段时间。 但是在某些情况下，预期的等待时间可能会过长。</p>
<p>在这些情况下，我们可以异步地将请求的一部分移交给另一个组件。 例如，我们可以预先进行快速检查，这样也许能够捕获一定比例的故障。 然后，我们再将消息发布到消息队列，例如RabbitMQ。 发布消息后，我们就能够立即回复客户代理。</p>
<p>与此同时，我们有另外订阅了RabbitMQ的组件将在我们中断的地方继续工作，并完成命令的处理。</p>
<p><img src="/posts/1e489de2/1*fgTdBoBajMF55zn1Cmx0Uw.png"></p>
<p>在这个场景中，我们会以异步的方式处理命令。我们可能会问：异步处理命令是否与发布事件相同？</p>
<p>实际上，这两者之间有一个根本的区别，而且与耦合有关。</p>
<h3 id="命令涉及耦合组件"><a href="#命令涉及耦合组件" class="headerlink" title="命令涉及耦合组件"></a>命令涉及耦合组件</h3><p>处理命令所涉及的组件都是紧密耦合的。当我们以同步方式处理时，确实是这样的，当我们添加异步消息传递时，仍然是这样的。当我们发布信息到RabbitMQ时，我们期望它恰好被另一端的一个组件消费和处理。事实上，这个组件很可能是我们自己编写和维护的。</p>
<p>实际上，这就是为什么我们通常使用RabbitMQ之类的消息队列（更适合点对点通信）来异步处理命令的原因。</p>
<p>相比之下，当我们发布一个事件时，我们(理论上)不知道谁会消费该消息。也许这个消息只会有一个消费者订阅，也许没有，也许会有100个。关键是，我们的生产者和任何潜在的消费者都是解耦的。</p>
<p>因此，我们可以这样修改上述的经验法则：</p>
<ul>
<li>处理命令是在跨耦合的组件中执行的，理想情况下是通过同步通信执行，但并非一定如此。</li>
<li>在解耦的组件之间执行事件的发布和消费，几乎总是通过异步通信完成的。</li>
</ul>
<h2 id="事件问题"><a href="#事件问题" class="headerlink" title="事件问题"></a>事件问题</h2><p>前面我们提到过，我们也许习惯于处理命令，但是处理事件可能不那么习惯。 因此，在开始发布和处理事件时，我们需要解决一些常见问题。</p>
<h4 id="我们什么时候应该发送事件？"><a href="#我们什么时候应该发送事件？" class="headerlink" title="我们什么时候应该发送事件？"></a>我们什么时候应该发送事件？</h4><p>此时，我们可能会有个疑问：什么时候应该发布事件？我们前面已经提到过，事件是一些任务完成之后的结果。那所有的任务都是如此吗？无论何时，我们的服务完成了一些事情，就需要发布一个相应的事件？</p>
<p>我们可以从业务角度考虑这个问题。我们是否刚刚执行了一个具有业务重要性的任务?如果是这样，那么很有可能其他系统也想知道它。在这种情况下，我们应该发布一个事件。否则，我们就不需要费心发布事件。</p>
<p>请注意，某些组织可能还对失败的命令感兴趣。 例如，出于分析或审计目的可能认为这些事件很重要。因此，此时将命令失败发布为事件是非常合理的。</p>
<p>还要注意，处理一个事件可能会引入另一个具有业务重要性的事件。 因此，事件消费者通常会自行生产事件。 在前面的示例中，我们的<code>Order Fulfillment</code>限界上下文仅基于事件消费进行操作，它从不接收要处理的命令。 但是我们可以肯定，当订单完成后，我们内部的其它模块会希望得到通知。</p>
<h4 id="我们能否消费自己的事件？"><a href="#我们能否消费自己的事件？" class="headerlink" title="我们能否消费自己的事件？"></a>我们能否消费自己的事件？</h4><p>前面我们说过，我们生成事件供其他人消费。但我们也可以消费自己的事件。</p>
<p>我们为什么要这样做？ 可以举一个新的例子来说明。 想象一下，我们公司提供了一个网站，允许用户发布自己喜欢的食谱或浏览要制作的食谱。 处理这些活动的服务归我们的<code>Recipe Inventory</code>限界上下文负责。</p>
<p><code>Recipe Inventory</code>限界上下文中，我们会提供一个数据微服务，后台由CRUD数据库支撑，允许用户提交他们的菜单。但是，为了支持用户浏览菜谱，我们会在更优化的搜索框架（如Elastic Search）基础之上构建一个搜索服务。</p>
<p>当客户添加新菜谱时，他们显然是在发出命令。我们希望验证它们的提交数据并将其保存到数据库中。</p>
<p>我们还希望我们的搜索服务能意识到这个新配方，但应该如何实现呢？</p>
<p>既然我们拥有这两个服务，我们的第一个想法可能是从数据微服务向搜索服务发送一个POST请求。然而，由于我们之前讨论过的原因，我们最好选择发布<code>add-recipe</code>事件，然后我们的搜索服务订阅话题来使用这些事件，以便将新菜谱添加到搜索索引中。</p>
<p><img src="/posts/1e489de2/1*aZ56xDR01ovSOQJunuW52w.png" alt="Consuming our own events"></p>
<p>当然，新的菜谱不会立即出现在搜索索引中(这是一种称为<a target="_blank" rel="noopener" href="https://en.wikipedia.org/wiki/Eventual_consistency">最终一致性</a>的属性)。然而，在现实中，用户几乎不会注意到延迟。此外，延迟通常不是毫秒就是秒。</p>
<h4 id="我们如何处理来自第三方的事件？"><a href="#我们如何处理来自第三方的事件？" class="headerlink" title="我们如何处理来自第三方的事件？"></a>我们如何处理来自第三方的事件？</h4><p>在整篇文章中，我们都讨论了自己系统内的事件处理情况。 但是，有时我们需要使用我们希望之外的第三方发布的事件。 出于某些原因，这可能会很棘手：</p>
<ul>
<li>通常，我们不能简单地订阅第三方的Kafka集群，并以处理内部消息方式进行处理。 尽管有一些新兴的、特定于云的解决方案，例如<a target="_blank" rel="noopener" href="https://cloud.google.com/pubsub/docs/overview">Google Pub / Sub</a>，但这些解决方案并不适用于所有用例。</li>
<li>我们需要验证从外部源进入系统的任何数据。这与我们在自己的系统中处理事件的方式可能不一致。</li>
</ul>
<p>一般来说，跨平台发布事件的通用技术是<a target="_blank" rel="noopener" href="https://sendgrid.com/blog/whats-webhook/">Webhooks</a>。如果你不熟悉Webhooks的概念，其实是很简单的。我们不需要订阅Kafka主题，只需要实现一个Http端点，一般来说就是一个POST请求处理器。该端点需要请求内容满足第三方系统定义的格式。</p>
<p>实现端点后，我们向第三方注册端点的URL(通常通过某些带外机制，例如在安全合作伙伴门户中提交表单)。 现在，只要第三方系统发生事件，就会向我们的端点发出相应的POST请求。</p>
<p>这个方法是可行的。但我们通常倾向于像处理其他HTTP POST一样处理Webhook请求，也就是作为命令。实际上，第三方最有可能通知我们已经发生的事件，因此，我们将希望尽一切可能响应该事件。</p>
<p>这与我们之前的一些系统要求之间存在冲突。比如，我们需要验证系统输入，此外，HTTP请求处理程序的临时中断意味着我们可能会面临丢失事件的风险。</p>
<p>为了正确实施这样的解决方案，我们必须确保以下几点：</p>
<ul>
<li>如果我们的HTTP端点不可用（或者它返回5xx响应），则第三方系统应该具有可靠的重试机制，以确保我们的系统最终能够响应该事件。</li>
<li>我们要尽快执行数据验证。 这样，我们可以立即返回4xx（错误请求）响应，或者将消息保留在系统中（可能是我们自己定义的Kafka主题），以确保不会丢失事件。</li>
<li>第三方系统应该拥有某种机制来处理我们返回的任何4xx（错误请求）响应，以便可以修正消息并将其重新发布，以供后续使用。</li>
</ul>
<h2 id="总结"><a href="#总结" class="headerlink" title="总结"></a>总结</h2><p>我们在微服务架构中构建的几乎每个服务都将涉及命令或事件的处理。 这两个概念之间存在根本差异。</p>
<p>理解这些差异将帮助我们识别出常见的用例，从而使我们更容易设计出更一致、功能更强的系统。</p>

            </div>
            <hr/>

            

    <div class="reprint" id="reprint-statement">
        
            <div class="reprint__author">
                <span class="reprint-meta" style="font-weight: bold;">
                    <i class="fas fa-user">
                        文章作者:
                    </i>
                </span>
                <span class="reprint-info">
                    <a href="/about" rel="external nofollow noreferrer">Guo Yaxiang</a>
                </span>
            </div>
            <div class="reprint__type">
                <span class="reprint-meta" style="font-weight: bold;">
                    <i class="fas fa-link">
                        文章链接:
                    </i>
                </span>
                <span class="reprint-info">
                    <a href="https://www.codinghonest.space/posts/1e489de2.html">https://www.codinghonest.space/posts/1e489de2.html</a>
                </span>
            </div>
            <div class="reprint__notice">
                <span class="reprint-meta" style="font-weight: bold;">
                    <i class="fas fa-copyright">
                        版权声明:
                    </i>
                </span>
                <span class="reprint-info">
                    本博客所有文章除特別声明外，均采用
                    <a href="https://creativecommons.org/licenses/by/4.0/deed.zh" rel="external nofollow noreferrer" target="_blank">CC BY 4.0</a>
                    许可协议。转载请注明来源
                    <a href="/about" target="_blank">Guo Yaxiang</a>
                    !
                </span>
            </div>
        
    </div>

    <script async defer>
      document.addEventListener("copy", function (e) {
        let toastHTML = '<span>复制成功，请遵循本文的转载规则</span><button class="btn-flat toast-action" onclick="navToReprintStatement()" style="font-size: smaller">查看</a>';
        M.toast({html: toastHTML})
      });

      function navToReprintStatement() {
        $("html, body").animate({scrollTop: $("#reprint-statement").offset().top - 80}, 800);
      }
    </script>



            <div class="tag_share" style="display: block;">
                <div class="post-meta__tag-list" style="display: inline-block;">
                    
                        <div class="article-tag">
                            
                                <a href="/tags/%E5%88%86%E5%B8%83%E5%BC%8F%E7%B3%BB%E7%BB%9F/">
                                    <span class="chip bg-color">分布式系统</span>
                                </a>
                            
                        </div>
                    
                </div>
                <div class="post_share" style="zoom: 80%; width: fit-content; display: inline-block; float: right; margin: -0.15rem 0;">
                    <link rel="stylesheet" type="text/css" href="/libs/share/css/share.min.css">
<div id="article-share">

    
    <div class="social-share" data-sites="twitter,facebook,google,qq,qzone,wechat,weibo,douban,linkedin" data-wechat-qrcode-helper="<p>微信扫一扫即可分享！</p>"></div>
    <script src="/libs/share/js/social-share.min.js"></script>
    

    

</div>

                </div>
            </div>
            
                <style>
    #reward {
        margin: 40px 0;
        text-align: center;
    }

    #reward .reward-link {
        font-size: 1.4rem;
        line-height: 38px;
    }

    #reward .btn-floating:hover {
        box-shadow: 0 6px 12px rgba(0, 0, 0, 0.2), 0 5px 15px rgba(0, 0, 0, 0.2);
    }

    #rewardModal {
        width: 320px;
        height: 350px;
    }

    #rewardModal .reward-title {
        margin: 15px auto;
        padding-bottom: 5px;
    }

    #rewardModal .modal-content {
        padding: 10px;
    }

    #rewardModal .close {
        position: absolute;
        right: 15px;
        top: 15px;
        color: rgba(0, 0, 0, 0.5);
        font-size: 1.3rem;
        line-height: 20px;
        cursor: pointer;
    }

    #rewardModal .close:hover {
        color: #ef5350;
        transform: scale(1.3);
        -moz-transform:scale(1.3);
        -webkit-transform:scale(1.3);
        -o-transform:scale(1.3);
    }

    #rewardModal .reward-tabs {
        margin: 0 auto;
        width: 210px;
    }

    .reward-tabs .tabs {
        height: 38px;
        margin: 10px auto;
        padding-left: 0;
    }

    .reward-content ul {
        padding-left: 0 !important;
    }

    .reward-tabs .tabs .tab {
        height: 38px;
        line-height: 38px;
    }

    .reward-tabs .tab a {
        color: #fff;
        background-color: #ccc;
    }

    .reward-tabs .tab a:hover {
        background-color: #ccc;
        color: #fff;
    }

    .reward-tabs .wechat-tab .active {
        color: #fff !important;
        background-color: #22AB38 !important;
    }

    .reward-tabs .alipay-tab .active {
        color: #fff !important;
        background-color: #019FE8 !important;
    }

    .reward-tabs .reward-img {
        width: 210px;
        height: 210px;
    }
</style>

<div id="reward">
    <a href="#rewardModal" class="reward-link modal-trigger btn-floating btn-medium waves-effect waves-light red">赏</a>

    <!-- Modal Structure -->
    <div id="rewardModal" class="modal">
        <div class="modal-content">
            <a class="close modal-close"><i class="fas fa-times"></i></a>
            <h4 class="reward-title">你的赏识是我前进的动力</h4>
            <div class="reward-content">
                <div class="reward-tabs">
                    <ul class="tabs row">
                        <li class="tab col s6 alipay-tab waves-effect waves-light"><a href="#alipay">支付宝</a></li>
                        <li class="tab col s6 wechat-tab waves-effect waves-light"><a href="#wechat">微 信</a></li>
                    </ul>
                    <div id="alipay">
                        <img src="/medias/reward/alipay.png" class="reward-img" alt="支付宝打赏二维码">
                    </div>
                    <div id="wechat">
                        <img src="/medias/reward/wechat.png" class="reward-img" alt="微信打赏二维码">
                    </div>
                </div>
            </div>
        </div>
    </div>
</div>

<script>
    $(function () {
        $('.tabs').tabs();
    });
</script>

            
        </div>
    </div>

    

    

    

    

    

    
        <style>
    .mvaline-card {
        margin: 1.5rem auto;
    }

    .mvaline-card .card-content {
        padding: 20px 20px 5px 20px;
    }
</style>

<div class="card mvaline-card" data-aos="fade-up">
    <div class="comment_headling" style="font-size: 20px; font-weight: 700; position: relative; padding-left: 20px; top: 15px; padding-bottom: 5px;">
        <i class="fas fa-comments fa-fw" aria-hidden="true"></i>
        <span>评论</span>
    </div>
    <div id="mvcomments" class="card-content" style="display: grid">
    </div>
</div>

<script src="/libs/minivaline/MiniValine.js"></script>
<script>
    new MiniValine({
        el: '#mvcomments',
        appId: 'oqAo7rCWejwTqHjGC2APTVDX-MdYXbMMI',
        appKey: 'pfyY919tO7iJaDm7lFmvh5Wp',
        mode: 'DesertsP',
        placeholder: 'Write a Comment',
        pathname: window.location.pathname,
        lang: '',
        adminEmailMd5: '8BBC105436DAAF8C803841C8FD13CD0C',
        tagMeta: ["管理员", "小伙伴", "访客"],
        master: ["8BBC105436DAAF8C803841C8FD13CD0C"],
        friends: ["FA21C7921CD42FE9523E957870873F64", "586BAB41BB5692877F7714DFE4947DEC"],
        math: true,
        md: true,
        enableQQ: false,
        NoRecordIP: false,
        visitor: true,
        maxNest: 6,
        pageSize: 6,
        serverURLs: '',
        emoticonUrl: ["https://cdn.jsdelivr.net/npm/alus@latest", "https://cdn.jsdelivr.net/gh/MiniValine/qq@latest", "https://cdn.jsdelivr.net/gh/MiniValine/Bilibilis@latest", "https://cdn.jsdelivr.net/gh/MiniValine/tieba@latest", "https://cdn.jsdelivr.net/gh/MiniValine/twemoji@latest", "https://cdn.jsdelivr.net/gh/MiniValine/weibo@latest"],
    });
</script>

    

    

    

<article id="prenext-posts" class="prev-next articles">
    <div class="row article-row">
        
        <div class="article col s12 m6" data-aos="fade-up">
            <div class="article-badge left-badge text-color">
                <i class="fas fa-chevron-left"></i>&nbsp;上一篇</div>
            <div class="card">
                <a href="/posts/da7966d.html">
                    <div class="card-image">
                        
                        
                        <img src="/medias/featureimages/5.jpg" class="responsive-img" alt="Java 8 Stream API详解( 一)——基本概念">
                        
                        <span class="card-title">Java 8 Stream API详解( 一)——基本概念</span>
                    </div>
                </a>
                <div class="card-content article-content">
                    <div class="summary block-with-text">
                        
                            本系列主要用于记录关于Stream API的一些学习笔记，用于自己以后复习，也希望可以帮助到其他人。
                        
                    </div>
                    <div class="publish-info">
                        <span class="publish-date">
                            <i class="far fa-clock fa-fw icon-date"></i>2021-01-18
                        </span>
                        <span class="publish-author">
                            
                            <i class="fas fa-bookmark fa-fw icon-category"></i>
                            
                            <a href="/categories/Java/" class="post-category">
                                    Java
                                </a>
                            
                            <a href="/categories/Java/Stream/" class="post-category">
                                    Stream
                                </a>
                            
                            <a href="/categories/Java/Stream/%E5%87%BD%E6%95%B0%E5%BC%8F/" class="post-category">
                                    函数式
                                </a>
                            
                            
                        </span>
                    </div>
                </div>
                
                <div class="card-action article-tags">
                    
                    <a href="/tags/Java-Stream/">
                        <span class="chip bg-color">Java Stream</span>
                    </a>
                    
                    <a href="/tags/%E5%87%BD%E6%95%B0%E5%BC%8F/">
                        <span class="chip bg-color">函数式</span>
                    </a>
                    
                </div>
                
            </div>
        </div>
        
        
        <div class="article col s12 m6" data-aos="fade-up">
            <div class="article-badge right-badge text-color">
                下一篇&nbsp;<i class="fas fa-chevron-right"></i>
            </div>
            <div class="card">
                <a href="/posts/3119bdd2.html">
                    <div class="card-image">
                        
                        
                        <img src="/medias/featureimages/17.jpg" class="responsive-img" alt="PowerPlatform认证备考">
                        
                        <span class="card-title">PowerPlatform认证备考</span>
                    </div>
                </a>
                <div class="card-content article-content">
                    <div class="summary block-with-text">
                        
                            微软PowerPlatform认证考试的相关备考知识.
                        
                    </div>
                    <div class="publish-info">
                            <span class="publish-date">
                                <i class="far fa-clock fa-fw icon-date"></i>2020-11-17
                            </span>
                        <span class="publish-author">
                            
                            <i class="fas fa-bookmark fa-fw icon-category"></i>
                            
                            <a href="/categories/PowerPlatform/" class="post-category">
                                    PowerPlatform
                                </a>
                            
                            
                        </span>
                    </div>
                </div>
                
                <div class="card-action article-tags">
                    
                    <a href="/tags/PowerPlatform%E8%AE%A4%E8%AF%81/">
                        <span class="chip bg-color">PowerPlatform认证</span>
                    </a>
                    
                </div>
                
            </div>
        </div>
        
    </div>
</article>

</div>


<script>
    $('#articleContent').on('copy', function (e) {
        // IE8 or earlier browser is 'undefined'
        if (typeof window.getSelection === 'undefined') return;

        var selection = window.getSelection();
        // if the selection is short let's not annoy our users.
        if (('' + selection).length < Number.parseInt('120')) {
            return;
        }

        // create a div outside of the visible area and fill it with the selected text.
        var bodyElement = document.getElementsByTagName('body')[0];
        var newdiv = document.createElement('div');
        newdiv.style.position = 'absolute';
        newdiv.style.left = '-99999px';
        bodyElement.appendChild(newdiv);
        newdiv.appendChild(selection.getRangeAt(0).cloneContents());

        // we need a <pre> tag workaround.
        // otherwise the text inside "pre" loses all the line breaks!
        if (selection.getRangeAt(0).commonAncestorContainer.nodeName === 'PRE') {
            newdiv.innerHTML = "<pre>" + newdiv.innerHTML + "</pre>";
        }

        var url = document.location.href;
        newdiv.innerHTML += '<br />'
            + '来源: 码道诚公<br />'
            + '文章作者: Guo Yaxiang<br />'
            + '文章链接: <a href="' + url + '">' + url + '</a><br />'
            + '本文章著作权归作者所有，任何形式的转载都请注明出处。';

        selection.selectAllChildren(newdiv);
        window.setTimeout(function () {bodyElement.removeChild(newdiv);}, 200);
    });
</script>


<!-- 代码块功能依赖 -->
<script type="text/javascript" src="/libs/codeBlock/codeBlockFuction.js"></script>

<!-- 代码语言 -->

<script type="text/javascript" src="/libs/codeBlock/codeLang.js"></script>


<!-- 代码块复制 -->

<script type="text/javascript" src="/libs/codeBlock/codeCopy.js"></script>


<!-- 代码块收缩 -->

<script type="text/javascript" src="/libs/codeBlock/codeShrink.js"></script>


<!-- 代码块折行 -->

<style type="text/css">
code[class*="language-"], pre[class*="language-"] { white-space: pre !important; }
</style>


    

</main>




    <footer class="page-footer bg-color">
    
        <link rel="stylesheet" href="/libs/aplayer/APlayer.min.css">
<style>
    .aplayer .aplayer-lrc p {
        
        display: none;
        
        font-size: 12px;
        font-weight: 700;
        line-height: 16px !important;
    }

    .aplayer .aplayer-lrc p.aplayer-lrc-current {
        
        display: none;
        
        font-size: 15px;
        color: #42b983;
    }

    
    .aplayer.aplayer-fixed.aplayer-narrow .aplayer-body {
        left: -66px !important;
    }

    .aplayer.aplayer-fixed.aplayer-narrow .aplayer-body:hover {
        left: 0px !important;
    }

    
</style>
<div class="">
    
    <div class="row">
        <meting-js class="col l8 offset-l2 m10 offset-m1 s12"
                   server="netease"
                   type="playlist"
                   id="503838841"
                   fixed='true'
                   autoplay='false'
                   theme='#42b983'
                   loop='all'
                   order='random'
                   preload='auto'
                   volume='0.7'
                   list-folded='true'
        >
        </meting-js>
    </div>
</div>

<script src="/libs/aplayer/APlayer.min.js"></script>
<script src="https://cdn.jsdelivr.net/npm/meting@2/dist/Meting.min.js"></script>

    
    <div class="container row center-align" style="margin-bottom: 0px !important;">
        <div class="col s12 m8 l8 copy-right">
            Copyright&nbsp;&copy;
            
                <span id="year">2020-2021</span>
            
            <span id="year">2020</span>
            <a href="/about" target="_blank">Guo Yaxiang</a>
            |&nbsp;Powered by&nbsp;<a href="https://hexo.io/" target="_blank">Hexo</a>
            |&nbsp;Theme&nbsp;<a href="https://github.com/blinkfox/hexo-theme-matery" target="_blank">Matery</a>
            <br>
            
            
            
            
            
            <br>
            
            <br>
            
        </div>
        <div class="col s12 m4 l4 social-link ">
    <a href="https://github.com/GuoYaxiang" class="tooltipped" target="_blank" data-tooltip="访问我的GitHub" data-position="top" data-delay="50">
        <i class="fab fa-github"></i>
    </a>



    <a href="mailto:YXGyxg112358@163.com" class="tooltipped" target="_blank" data-tooltip="邮件联系我" data-position="top" data-delay="50">
        <i class="fas fa-envelope-open"></i>
    </a>







    <a href="tencent://AddContact/?fromId=50&fromSubId=1&subcmd=all&uin=1431800679" class="tooltipped" target="_blank" data-tooltip="QQ联系我: 1431800679" data-position="top" data-delay="50">
        <i class="fab fa-qq"></i>
    </a>





    <a href="https://www.zhihu.com/people/guo-ya-xiang" class="tooltipped" target="_blank" data-tooltip="关注我的知乎: https://www.zhihu.com/people/guo-ya-xiang" data-position="top" data-delay="50">
        <i class="fab fa-zhihu1">知</i>
    </a>



    <a href="/atom.xml" class="tooltipped" target="_blank" data-tooltip="RSS 订阅" data-position="top" data-delay="50">
        <i class="fas fa-rss"></i>
    </a>

</div>
    </div>
</footer>

<div class="progress-bar"></div>


    <!-- 搜索遮罩框 -->
<div id="searchModal" class="modal">
    <div class="modal-content">
        <div class="search-header">
            <span class="title"><i class="fas fa-search"></i>&nbsp;&nbsp;搜索</span>
            <input type="search" id="searchInput" name="s" placeholder="请输入搜索的关键字"
                   class="search-input">
        </div>
        <div id="searchResult"></div>
    </div>
</div>

<script src="/js/search.js"></script>
<script type="text/javascript">
$(function () {
    searchFunc('/search.xml', 'searchInput', 'searchResult');
});
</script>

    <!-- 回到顶部按钮 -->
<div id="backTop" class="top-scroll">
    <a class="btn-floating btn-large waves-effect waves-light" href="#!">
        <i class="fas fa-arrow-up"></i>
    </a>
</div>


    <script src="/libs/materialize/materialize.min.js"></script>
    <script src="/libs/masonry/masonry.pkgd.min.js"></script>
    <script src="/libs/aos/aos.js"></script>
    <script src="/libs/scrollprogress/scrollProgress.min.js"></script>
    <script src="/libs/lightGallery/js/lightgallery-all.min.js"></script>
    <script src="/js/matery.js"></script>

    <!-- Baidu Analytics -->

    <!-- Baidu Push -->

<script>
    (function () {
        var bp = document.createElement('script');
        var curProtocol = window.location.protocol.split(':')[0];
        if (curProtocol === 'https') {
            bp.src = 'https://zz.bdstatic.com/linksubmit/push.js';
        } else {
            bp.src = 'http://push.zhanzhang.baidu.com/push.js';
        }
        var s = document.getElementsByTagName("script")[0];
        s.parentNode.insertBefore(bp, s);
    })();
</script>

    
    <script src="/libs/others/clicklove.js" async="async"></script>
    
    

    
        <script src="//code.tidio.co/zgiqinzrat1rzwxseqhr2pnzsp2a4rjo.js"></script>
        <script>
            $(document).ready(function () {
                setInterval(change_Tidio, 50);
                function change_Tidio() {
                    var tidio=$("#tidio-chat iframe");
                    if(tidio.css("display")=="block"&& $(window).width()>977 ){
                        document.getElementById("tidio-chat-iframe").style.bottom= ($("div#backTop.top-scroll").css("display")=="none" &&$(window).width()>977)>0? "-40px" : ($("div.toc-title").length&&$(window).width()>977)>0?"85px":"20px";
                        document.getElementById("tidio-chat-iframe").style.right="-15px";
                        document.getElementById("tidio-chat-iframe").style.height=parseInt(tidio.css("height"))>=520?"520px":tidio.css("height");
                        document.getElementById("tidio-chat-iframe").style.zIndex="997";
                    }
                    else if(tidio.css("display")=="block"&&$(window).width()>601 &&$(window).width()<992 ){
                        document.getElementById("tidio-chat-iframe").style.bottom= ($("div#backTop.top-scroll").css("display")=="none" && 601< $(window).width()<992)>0? "-40px":"20px" ;
                        document.getElementById("tidio-chat-iframe").style.right="-15px";
                        document.getElementById("tidio-chat-iframe").style.zIndex="997";
                    }
                    else if(tidio.css("display")=="block"&&$(window).width()<601 && parseInt(tidio.css("height"))<230){
                        document.getElementById("tidio-chat-iframe").style.bottom= ($("div#backTop.top-scroll").css("display")=="none" && $(window).width()<601)>0? "-10px":"45px" ;
                        document.getElementById("tidio-chat-iframe").style.zIndex="997";
                    }
                    if( tidio.css("display")=="block"&&$(window).width()<601 && parseInt(tidio.css("height"))>=230){
                        document.getElementById("tidio-chat-iframe").style.zIndex="998";
                    }
                }
            });
        </script>
    

    

    

    

    

    
    <script src="/libs/instantpage/instantpage.js" type="module"></script>
    

</body>

</html>
